@CHARSET "UTF-8"; * { font-family: "微软雅黑", "宋体"; }
img{ width: 100%;}
li{ list-style-type: none; }
* { margin:0px; padding:0px; border:0px;}
body { margin:0px; padding:0px; border:0px;}
dl { margin:0px; padding:0px; border:0px;}
dt { margin:0px; padding:0px; border:0px;}
dd { margin:0px; padding:0px; border:0px;}
ul { margin:0px; padding:0px; border:0px;}
ol { margin:0px; padding:0px; border:0px;}
pre { margin:0px; padding:0px; border:0px;}
form { margin:0px; padding:0px; border:0px;}
fieldset { margin:0px; padding:0px; border:0px;}
input { margin:0px; padding:0px; border:0px;}
input[type=button] { -webkit-appearance: none;}
P { margin:0px; padding:0px; border:0px;}
blockquote { margin:0px; padding:0px; border:0px;}
H1 { margin:0px; padding:0px; border:0px;}
H2 { margin:0px; padding:0px; border:0px;}
H3 { margin:0px; padding:0px; border:0px;}
H4 { margin:0px; padding:0px; border:0px;}
H4 { margin:0px; padding:0px; border:0px;}
H5 { margin:0px; padding:0px; border:0px;}
A:link { color:#686868; text-decoration: none }
A:visited { color:#686868; text-decoration: none }
A:hover { color:#686868; text-decoration: none }
A:active { color:#686868; text-decoration: none }
select { font-size: 12px }
table { border-collapse: collapse }
fieldset { margin:0px; padding:0px; border:0px;}
img { margin:0px; padding:0px; border:0px;}

/*header*/
.header{ width:100%; max-width:640px; height:auto;position:fixed; top:0; z-index:999; background:#34495e;}
.header .top{ height:40px; width:100%; max-width:640px; position:relative;}
.header .top span{ line-height:40px; padding-left:10px; font-size:16px; color:#fff;}
.header .top i{ float:right; display:inline-block; width:40px; height:40px; background:url(../img/menu-toggler.png) no-repeat center center; background-size:22px 22px;}
.header .nav{ width:100%; max-width:640px;}
.header .nav>ul{ height:40px;}
.header .nav>ul>li{ width:33.3%; float:left; text-align:center; position:relative;}
.header .nav>ul>li>a{ color:#9d9d9d; font-size:14px; line-height:40px; display:block;}
.header .nav>ul>li>a span{font-size:14px; line-height:40px; }
.header .nav>ul>li a img{ display:inline-block;width:20px; height:20px;vertical-align:middle;}
.header .nav>ul>li a .slide{ display:inline-block; background:url(../img/icon-angle-down.png) no-repeat center center; width:10px; height:14px; margin-left:4px; vertical-align:-2px; background-size:100% auto;}
.clear{ clear:both;}
.header .nav>ul>li a.on{ background:rgba(255,255,255,0.1); color:#fff;}
.header .nav .subnav{ position:absolute; background:#fff;width:160px; z-index:9999; box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.1);border: 1px solid #ddd;left: 0; display:none; border-radius:5px;}
.header .nav .subnav:before{ position: absolute; top: -7px; right: 50px; display: inline-block; border-right: 7px solid transparent; border-bottom: 7px solid #fff; border-left: 7px solid transparent;content: "";}
.header .nav .subnav li a{ font-size:14px; color:#666; text-align:left; line-height:40px; display:block; margin-left:40px;}
.nav02{ background:#34495e; padding:10px 0;display:none;}
.nav02>ul{ margin-left:5%; margin-right:5%;}
.nav02>ul>li{ margin-bottom:10px; background:#f5f5f5;}
.nav02>ul>li>a{ display:block; color:#666; font-size:14px; padding:10px 15px; margin-right:20px; margin-bottom:10px;}
.nav02>ul>li>a i{ display:block; float:left; width:20px; height:20px; background:url(../img/icon-home.png) no-repeat center center; margin-right:15px;}
.nav02>ul>li:nth-child(2)>a i{background:url(../img/icon-cogs.png) no-repeat center center;}
.nav02>ul>li:nth-child(3)>a i{background:url(../img/icon-tags02.png) no-repeat center center;}
.nav02>ul>li:nth-child(4)>a i{background:url(../img/icon-user02.png) no-repeat center center;}
.nav02>ul>li:nth-child(5)>a i{background:url(../img/icon-comments.png) no-repeat center center;}
.nav02>ul>li:nth-child(6)>a i{background:url(../img/icon-shopping-cart.png) no-repeat center center;}
.nav02>ul>li:nth-child(7)>a i{background:url(../img/icon-lock.png) no-repeat center center;}
.nav02>ul>li:focus{ background:#000;}
.nav02>ul>li:last-child a img{ width:14px; vertical-align:-2px;}
.subnav02{display:none; background:#fff;border-top:1px #e5e5e5 solid;}
.subnav02 li{ border-bottom:1px #e5e5e5 solid;}
.subnav02 li a{font-size:14px; display:block; color:#428bca; padding:10px 10px 10px 50px;}
#back-to-top{ position:fixed; bottom:100px; right:20px; z-index:9999;}
#back-to-top img{ display:block;}
	
body { background-color:#fff;}
body {
	margin: 0 auto;
	font-family: "微软雅黑", Arial, Helvetica, sans-serif;
}
@media all and (min-width: 640px) {
body {
	width: 640px;
	margin-left: auto;
	margin-right: auto;
}
}